* {
  margin: 0;
  padding: 0;
}

.sto-table-root {
  // overflow-x: auto;

  /* ----- */

  table {
    width: 100%;
    border: 1px solid black;
    border-collapse: collapse;

    thead {
      background-color: lightgray;
    }

    th,
    td {
      padding: 5px 0;
      border: 1px solid black;
      min-width: 5rem;
    }

    th {
      input[type="checkbox"] {
        width: 1.1rem;
        height: 1.1rem;
      }
    }

    td {
      input[type="checkbox"] {
        width: 1rem;
        height: 1rem;
      }
    }

    .id-col {
      // width: 4rem;
    }

    .actions {
      width: 20rem !important;
    }

    .selection {
      min-width: 0 !important;
      width: 4rem !important;
    }

    td {
      button {
        border: 1px solid #ddd;
        margin: 0 2px;
        border-radius: 2px;
        font-size: 0.8rem;
        padding: 0.5rem 1.5rem;
      }
    }

    tr:nth-child(even) {
      background-color: #f9f9f9;
    }
  }

  /* ----- */
}
